$(function(){
	var userGrid = $("#journeyGrid");

	//初始化
	userGrid.datagrid({
		url:'journey/list',
		fit:true,
		border:false,//是否有边框线
		fitColumns:true,//是否布满整个屏幕
		rownumbers:true,
		
		pagination : true,// 是否显示分页栏
		columns : [ [ {
			field : 'name',
			title : '学员姓名',
			align : 'center',
			width : 100,
		}, {
			field : 'gender',
			title : '性别',
			align : 'center',
			width : 100,
			formatter: function (value, rec) {
				if(rec.gender =='女'){
					 return '<img src="public/images/female.png" title="我是妹子">';
				}else if(rec.gender =='男'){
					 return '<img src="public/images/male.png" title="我是帅锅">';
				}
		     },
		    

		}, {
			field : 'education',
			title : '身份',
			align : 'center',
			width : 100,
		},{
			field : 'ac',
			title : '操作',
			width : 150,
			align : 'center',
			formatter:function(value,row,index){
				var bts = [];
				bts.push('<a data-id="'+row.id+'" data-index="'+index+'" class="ctr add">添加</a>');
				bts.push('<a data-index="' + index+ '" class="ctr detail">详情</a>');
				return bts.join('');
			}
		} ] ]
	});
	var stuname = $("#stuname");
	var gender = $("#gender");
	//检索按钮
	$("#journeySearch").on("click",function(){
		userGrid.datagrid("load",{
			name:stuname.val(),
			gender:gender.val(),
		});
	});
	var form = $("#journeySearchForm");

	$("#journeyReset").on('click', function() {
		form.form('clear');
		// 清除查询参数
		userGrid.datagrid("load", {});
	});
	
	
	
	var gridPanel = userGrid.datagrid("getPanel");
	//进入详情页面
	gridPanel.on("click", "a.detail", function() {
		var tab = $('#tabs').tabs('getSelected'); // 获取选择的面板
		var index = this.dataset.index;
		// 如果只有下标，没有id的情况，要获取id
		var rows = userGrid.datagrid("getRows");
		// 同下标获取对应行的数据对象
		var id = rows[index].id;

		$('#tabs').tabs('update', {
			tab: tab,
			options: {
				title: '学员历程时间轴',
				href: 'journey/journey_details'+ (id ? ("/" + id) : "")// 新内容的URL
			}
		});
		tab.panel('refresh');
	}).on("click", "a.add", function() {
		
		// 获取data-xxx绑定的标签属性数据
		var index = this.dataset.index;
		
		var rows = userGrid.datagrid("getRows");
		
		var id = this.dataset.id;
		
		add(id);
		
		
	});
	
	function add(id) {
		// 创建窗口
			var dialog = $("<div/>").dialog({
				href: "journey/addjourney"+ (id ? ("/" + id) : ""),
				title: "上传历程",
				height:320,
				width: 700,
				modal: true,
				onClose: function() {
					$(this).dialog("destroy");
					
				},
				buttons : [ {
					iconCls : 'icon-save',
					text : '确定',
					align : 'center',
					handler : function() {
						$("#addjourneyForm").form('submit', {						
                        url: 'journey/save',                   
                        data: $("#addjourneyForm").serialize(),success:function(success) {
                        	if(success){
                        		$.messager.alert("提示","添加成功！点击详情即可查看");
                        		//刷新数据表格
            					userGrid.datagrid("reload");
            					//关闭窗口
    							dialog.dialog("close");
                        	}
                        }
                    });
				}
				},{
					iconCls : 'icon-undo',
					text : '取消',
					handler : function(){
						//关闭窗口
						dialog.dialog("close");
					}
				}
				]
	
			});
	}
});